import { h, Component, Fragment } from 'preact';
// import './share.css';

const Pics = (p) => {

    return (
        <article>
            <div className="topbox">
                <ul>
                    <li><i><a href="/photo/rw/2.html"><span className="tnum">1</span><span className="tpic"><img src="/skin/882/./assets/images/5.jpg" /></span><span className="toptext">个人博客模板《show time》蓝色版</span></a></i></li>


                    <li><i><a href="/photo/pet/5.html"><span className="tnum">2</span><span className="tpic"><img src="/d/file/p/2018/08-04/3ddc053daec56bb7c4bfb531f490c61c.jpg" /></span><span className="toptext">狗狗</span></a></i></li>
                    <li><i><a href="/photo/travel/4.html"><span className="tnum">3</span><span className="tpic"><img src="/d/file/p/2018/08-04/588f2f8783cb4b06b28f45a6fb32aca3.jpg" /></span><span className="toptext">我在贵州遇见醉美的南江大...</span></a></i></li>
                    <li><i><a href="/photo/rw/3.html"><span className="tnum">4</span><span className="tpic"><img src="/skin/882/./assets/images/mb2.jpg" /></span><span className="toptext">《show time》</span></a></i></li>

                </ul>
            </div>
            <div className="fenlei">
                <ul>
                    <li className="flselect"><a href="#top1">人物写真</a></li>
                    <li><a href="#top1">旅游风光</a></li>
                    <li><a href="#top1">家有萌宠</a></li>
                    <li><a href="#top1">静物特写</a></li>
                </ul>
            </div>
            <div className="mbans">
                <div className="mban" name="top1">
                    <ul>


                        <li><i><a href="/photo/rw/3.html" title="《show time》"><img src="/skin/882/./assets/images/mb2.jpg" /> <span className="mbtitle">《show time》...</span> </a></i></li>



                        <li><i><a href="/photo/rw/7.html" title="个人博客模板《show time》"><img src="/skin/882/./assets/images/mb1.jpg" /> <span className="mbtitle">个人博客模板《show t...</span> </a></i></li>



                        <li><i><a href="/photo/rw/8.html" title="个人博客模板《show time》"><img src="/skin/882/./assets/images/mb3.jpg" /> <span className="mbtitle">个人博客模板《show t...</span> </a></i></li>



                        <li><i><a href="/photo/rw/9.html" title="个人博客模板《show time》"><img src="/skin/882/./assets/images/mb4.jpg" /> <span className="mbtitle">个人博客模板《show t...</span> </a></i></li>



                        <li><i><a href="/photo/rw/10.html" title="个人博客模板《show time》"><img src="/skin/882/./assets/images/mb5.jpg" /> <span className="mbtitle">个人博客模板《show t...</span> </a></i></li>


                    </ul>
                </div> <div className="mban" name="top1">
                    <ul>


                        <li><i><a href="/photo/travel/4.html" title="我在贵州遇见醉美的南江大峡谷,邂逅爽爽的清凉..."><img src="/d/file/p/2018/08-04/588f2f8783cb4b06b28f45a6fb32aca3.jpg" /> <span className="mbtitle">我在贵州遇见醉美的南...</span> </a></i></li>


                    </ul>
                </div> <div className="mban" name="top1">
                    <ul>


                        <li><i><a href="/photo/pet/5.html" title="狗狗"><img src="/d/file/p/2018/08-04/3ddc053daec56bb7c4bfb531f490c61c.jpg" /> <span className="mbtitle">狗狗...</span> </a></i></li>


                    </ul>
                </div> <div className="mban" name="top1">
                    <ul>


                        <li><i><a href="/photo/tx/6.html" title="水墨画"><img src="/d/file/p/2018/08-04/6b61e3e966a68960a4cc5049d3c61082.jpg" /> <span className="mbtitle">水墨画...</span> </a></i></li>


                    </ul>
                </div>  </div>
        </article>
    );
};

Pics.propTypes = {

};

export default Pics;
